<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	template = "/WEB-INF/template/templateRicerche.xhtml">

	

	<ui:define name="campiAreaRicerca">
		<rich:panel id="pannelloRicercaVenduro">
			<f:facet name="header">
				<h:graphicImage value="#{pathImmagini.pathImmagineCerca}" />
				<h:outputLabel value="Ricerca per ...." />
			</f:facet>

			<rich:graphValidator value="#{prodottoController}" id="gvRicercaProdotto">
			<rich:messages for="gvRicercaProdotto" />
			<h:panelGrid border="0" columns="7">

				<h:outputText value="Da: " />
				<rich:calendar value="#{prodottoController.dataDa}" />

				<h:outputText value="A: " />
				<rich:calendar value="#{prodottoController.dataA}" />
				

				<h:outputText value="Stato: " />
				<h:selectOneMenu id="SelezioneTipoRicerca"
					value="#{prodottoController.tipologiaSelezione}">
					<f:selectItem itemLabel="Ordinati" itemValue="Ordinati" />
					<f:selectItem itemLabel="Fatturati" itemValue="Fatturati" />
				</h:selectOneMenu>


				<a4j:commandButton value="Ricerca"
					action="#{prodottoController.findProdottiOrdinatiOFatturati}"
					render="tabellaProdottiOrdinati tabellaProdottiFatturati labelStatusRicercheProdotto"
					status="StatoLoading" />


			</h:panelGrid>
			</rich:graphValidator>
		</rich:panel>
	</ui:define>


	<ui:define name="tabelleAreaRicerca">
		<rich:panel id="pannelloRiepilogoVenduto">
			<f:facet name="header">
				<h:graphicImage value="#{pathImmagini.pathImmagineDocumenti}" />
				<h:outputText value="Riepilogo Venduto" />
			</f:facet>

			<rich:extendedDataTable id="tabellaProdottiOrdinati"
				value="#{prodottoController.prodottiOrdinati}" var="prodotto"
				rows="10">

				<f:facet name="header">Tabella Prodotti Ordinati</f:facet>

				<rich:column width="200px">
					<f:facet name="header">Id</f:facet>
					<h:outputText value="#{prodotto.idProdotto}" />
				</rich:column>

				<rich:column width="200px">
					<f:facet name="header">Codice</f:facet>
					<h:outputText value="#{prodotto.codiceProdotto}" />
				</rich:column>

				<rich:column width="200px">
					<f:facet name="header">Descrizione</f:facet>
					<h:outputText value="#{prodotto.descrizione}" />
				</rich:column>


				<rich:column width="200px">
					<f:facet name="header">Categoria</f:facet>
					<h:outputText value="#{prodotto.categoria.nome}" />
				</rich:column>

				<f:facet name="footer">
					<rich:dataScroller />
				</f:facet>

			</rich:extendedDataTable>

			<br />
			<br />
			<br />

			<rich:extendedDataTable id="tabellaProdottiFatturati"
				value="#{prodottoController.prodottiFatturati}" var="prodotto"
				rows="10">

				<f:facet name="header">Tabella Prodotti Fatturati</f:facet>

				<rich:column width="200px">
					<f:facet name="header">Id</f:facet>
					<h:outputText value="#{prodotto.idProdotto}" />
				</rich:column>

				<rich:column width="200px">
					<f:facet name="header">Codice</f:facet>
					<h:outputText value="#{prodotto.codiceProdotto}" />
				</rich:column>

				<rich:column width="200px">
					<f:facet name="header">Descrizione</f:facet>
					<h:outputText value="#{prodotto.descrizione}" />
				</rich:column>


				<rich:column width="200px">
					<f:facet name="header">Categoria</f:facet>
					<h:outputText value="#{prodotto.categoria.nome}" />
				</rich:column>

				<f:facet name="footer">
					<rich:dataScroller />
				</f:facet>

			</rich:extendedDataTable>

		</rich:panel>
	</ui:define>

	<ui:define name="messageAreaRicerca">
		<a4j:outputPanel ajaxRendered="true" layout="block">
			<h:outputLabel id="labelStatusRicercheProdotto" value="#{prodottoController.statusRicercheProdotto}" styleClass="messageClass" />
		</a4j:outputPanel>
	</ui:define>


</ui:composition>